<template>
  <!-- 文章的组件 -->
  <van-card
    :desc="item.atit"
    :title="item.article"
    :thumb="item.img"
    :class="{ noborder: index == 2 }"
  >
    <template #footer> <Mine :item="item" /> </template>
  </van-card>
</template>
<script>
import Mine from "../product/mine.vue";
import { Card } from "vant";
export default {
  props: ["item", "index"],
  components: { Mine, VanCard: Card },
};
</script>
<style lang="less" scoped>
@import "../../../../assets/css/var";
.van-card {
  background: #fff;
  padding: @m-font;
  .border();
  &.noborder {
    border: none !important;
  }
  .van-card__header .van-card__thumb {
    height: 54px;
  }
  .van-card__header .van-card__content {
    min-height: 60px;
  }
}
</style>
